<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<title>个人中心</title>
	</head>

	<body>
		<div id="app">
			<div class="top" id="topBar">
				<p>我的</p>
			</div>
			<div id="container" >
				<div class="info">
					<img src="../img/icon/tab_member.png" />
					<p>C橙</p>
				</div>
				<div class="member-item order">
					
						<div class="order-top inlinkFlex-spacebetween">
							<div>
								<img src="../img/icon/tab_home_select.png" class="item-img" />
								<span class="item-text">我的订单</span>
							</div>
							<img src="../img/icon/arrowRight.png" class="arrow-img" />
						</div>
			
					<div class="order-content inlinkFlex-around">
						
							<div class="order-item">
								<img src="../img/icon/tab_home_select.png" class="order-img" />
								<p>待支付</p>
							</div>
						
						
							<div class="order-item">
								<img src="../img/icon/tab_home_select.png" class="order-img" />
								<p>待发货</p>
							</div>
						
						
							<div class="order-item">
								<img src="../img/icon/tab_home_select.png" class="order-img" />
								<p>待收货</p>
							</div>
					
						
							<div class="order-item">
								<img src="../img/icon/tab_home_select.png" class="order-img" />
								<p>已完成</p>
							</div>
					
					</div>

				</div>
				<a href="address.html">
					<div class="member-item address inlinkFlex-spacebetween">
						<div>
							<img src="../img/icon/tab_home_select.png" class="item-img" />
							<span class="item-text">地址管理</span>
						</div>
						<img src="../img/icon/arrowRight.png" class="arrow-img" />
					</div>
				</a>				
				<div class="footer inlinkFlex-around">
					<div class="footer-item">
						<a href="../index.html">
							<i class="icon footerIcon footerHomeIcon"></i>
							<p class="footer-title">首页</p>
						</a>
					</div>
					<div class="footer-item ">
						<a href="category.html">
							<i class="icon footerIcon footerCategoryIcon"></i>
							<p class="footer-title">分类</p>
						</a>
					</div>
					<div class="footer-item">
						<a href="cart.html">
							<i class="icon footerIcon footerCartIcon"></i>
							<p class="footer-title">购物车</p>
						</a>
					</div>
					<div class="footer-item active">
						<a href="member.html">
							<i class="icon footerIcon footerMemberIcon"></i>
							<p class="footer-title">我的</p>
						</a>
					</div>
				</div>
			</div>

		</div>

	</body>

</html>